Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / style.css

Displaying Raw • Download

Tb4b4b4@Tff7b72tailwind Tff7b72baseTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72componentsTb4b4b4;

Tb4b4b4@Tff7b72tailwind Tff7b72utilitiesTb4b4b4;

Tff7b72* Tb4b4b4{

Tff7b72scrollbar-widthTb4b4b4: Tff7b72thinTb4b4b4;

Tff7b72scrollbar-colorTb4b4b4: T79c0ff#94a3b8 T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72widthTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tff7b72heightTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#94a3b8Tb4b4b4;

Tff7b72border-radiusTb4b4b4: T79c0ff999Tffa657pxTb4b4b4;

Tff7b72borderTb4b4b4: T79c0ff2Tffa657px Tff7b72solid T79c0ff#e2e8f0Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72* Tb4b4b4{

Tff7b72scrollbar-colorTb4b4b4: T79c0ff#52525b T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tff7b72*Tb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#52525bTb4b4b4;

Tff7b72border-colorTb4b4b4: T79c0ff#18181bTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-card Tb4b4b4{

@apply bg-white/95 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-900Tff7b72/T79c0ff85 Te6edf3backdrop-blur Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-800 Te6edf3rounded-3xl Te6edf3shadow-xl Te6edf3px-4 Te6edf3py-4Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364input-field Tb4b4b4{

@apply bg-gray-50/90 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-900Tff7b72/T79c0ff80 Tff7b72border Tff7b72borderTff7b72-Tff7b72grayT79c0ff-200 Te6edf3darkTff7b72:Tff7b72borderTff7b72-Te6edf3zinc-700 Tff7b72textTff7b72-Te6edf3sm Te6edf3rounded-2xl Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-blue-400 Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-400 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Te6edf3ring-blue-500 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Tff7b72borderTff7b72-Tff7b72blueT79c0ff-500 Tff7b72block Te6edf3w-full Te6edf3p-2T79c0ff.5 Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tff7b72selectTb4b4b4.T56d364input-field Tff7b72option Tb4b4b4{

@apply bg-white text-gray-900 Te6edf3darkTb4b4b4:Te6edf3bg-zinc-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full bg-blue-600 px-4 py-2 text-xs font-bold text-white shadow-sm transition-all !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

@apply bg-blue-500 -translate-y-0.5 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364primary-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full border border-gray-300 px-4 py-2 text-xs font-bold shadow-sm transition-all duration-200 !importantTb4b4b4;

Tff7b72background-colorTb4b4b4: Tff7b72white Tff7b72!importantTb4b4b4;

Tff7b72colorTb4b4b4: T79c0ff#374151 Tff7b72!importantTb4b4b4; T8b949e/* text-gray-700 */

Tb4b4b4}

Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#f9fafb Tff7b72!importantTb4b4b4; T8b949e/* bg-gray-50 */

Tff7b72colorTb4b4b4: T79c0ff#111827 Tff7b72!importantTb4b4b4; T8b949e/* text-gray-900 */

Tff7b72border-colorTb4b4b4: T79c0ff#60a5fa Tff7b72!importantTb4b4b4; T8b949e/* border-blue-400 */

@apply -translate-y-0.5 shadow-md !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 shadow-sm !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364secondary-chip Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#18181b Tff7b72!importantTb4b4b4; T8b949e/* bg-zinc-900 */

Tff7b72colorTb4b4b4: T79c0ff#f4f4f5 Tff7b72!importantTb4b4b4; T8b949e/* text-zinc-100 */

Tff7b72border-colorTb4b4b4: T79c0ff#3f3f46 Tff7b72!importantTb4b4b4; T8b949e/* border-zinc-700 */

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364secondary-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#27272a Tff7b72!importantTb4b4b4; T8b949e/* bg-zinc-800 */

Tff7b72colorTb4b4b4: T79c0ff#ffffff Tff7b72!importantTb4b4b4; T8b949e/* text-white */

Tff7b72border-colorTb4b4b4: T79c0ff#3b82f6 Tff7b72!importantTb4b4b4; T8b949e/* border-blue-500 */

@apply shadow-lg shadow-blue-500/10 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364danger-chip Tb4b4b4{

@apply inline-flex items-center justify-center gap-x-2 rounded-full border border-red-200 px-4 py-2 text-xs font-bold transition-all duration-200 !importantTb4b4b4;

Tff7b72background-colorTb4b4b4: T79c0ff#fef2f2 Tff7b72!importantTb4b4b4; T8b949e/* bg-red-50 */

Tff7b72colorTb4b4b4: T79c0ff#b91c1c Tff7b72!importantTb4b4b4; T8b949e/* text-red-700 */

Tb4b4b4}

Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: T79c0ff#fee2e2 Tff7b72!importantTb4b4b4; T8b949e/* bg-red-100 */

Tff7b72colorTb4b4b4: T79c0ff#991b1b Tff7b72!importantTb4b4b4; T8b949e/* text-red-800 */

@apply -translate-y-0.5 shadow-md !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883eactive Tb4b4b4{

@apply scale-95 translate-y-0 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364danger-chip Tb4b4b4{

Tff7b72background-colorTb4b4b4: Tffa657rgbaTb4b4b4(T79c0ff69Tb4b4b4, T79c0ff10Tb4b4b4, T79c0ff10Tb4b4b4, T79c0ff0.2Tb4b4b4) Tff7b72!importantTb4b4b4; T8b949e/* bg-red-950/20 */

Tff7b72colorTb4b4b4: T79c0ff#f87171 Tff7b72!importantTb4b4b4; T8b949e/* text-red-400 */

Tff7b72border-colorTb4b4b4: Tffa657rgbaTb4b4b4(T79c0ff127Tb4b4b4, T79c0ff29Tb4b4b4, T79c0ff29Tb4b4b4, T79c0ff0.5Tb4b4b4) Tff7b72!importantTb4b4b4; T8b949e/* border-red-900/50 */

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364danger-chipTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72background-colorTb4b4b4: Tffa657rgbaTb4b4b4(T79c0ff127Tb4b4b4, T79c0ff29Tb4b4b4, T79c0ff29Tb4b4b4, T79c0ff0.4Tb4b4b4) Tff7b72!importantTb4b4b4; T8b949e/* bg-red-900/40 */

Tff7b72colorTb4b4b4: T79c0ff#fca5a5 Tff7b72!importantTb4b4b4; T8b949e/* text-red-300 */

@apply shadow-lg shadow-red-500/10 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364glass-label Tb4b4b4{

@apply mb-1 text-sm font-semibold text-gray-800 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-200Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364monospace-field Tb4b4b4{

@apply font-mono tracking-tight text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-row Tb4b4b4{

@apply grid gap-3 Te6edf3smTb4b4b4:Tff7b72gridTff7b72-Te6edf3cols-2 Tff7b72textTff7b72-Tff7b72grayT79c0ff-800 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364metric-value Tb4b4b4{

@apply text-lg font-semibold text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card Tb4b4b4{

@apply relative border border-gray-200 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-800 Te6edf3rounded-2xl Te6edf3bg-whiteTff7b72/T79c0ff80 Te6edf3darkTff7b72:Te6edf3bg-zinc-900Tff7b72/T79c0ff70 Te6edf3p-4 Tff7b72spaceTff7b72-Te6edf3y-2Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__label Tb4b4b4{

@apply text-xs uppercase tracking-wide text-gray-500 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-400Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__value Tb4b4b4{

@apply text-sm text-gray-900 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72white Te6edf3break-words Te6edf3pr-16Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__action Tb4b4b4{

@apply absolute top-3 right-3 inline-flex items-center gap-1 rounded-full border border-gray-200 px-3 py-1 text-[10px] font-bold text-gray-700 bg-white shadow-sm transition-all !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364address-card__actionTb4b4b4:Tf0883ehover Tb4b4b4{

@apply bg-gray-50 text-gray-900 border-blue-400 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364address-card__action Tb4b4b4{

@apply border-zinc-700 text-zinc-100 bg-zinc-900 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364address-card__actionTb4b4b4:Tf0883ehover Tb4b4b4{

@apply bg-zinc-800 text-white border-blue-500 !importantTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-input Tb4b4b4{

@apply block w-full text-xs cursor-pointer rounded-lg border border-gray-300 Te6edf3darkTb4b4b4:Tff7b72borderTff7b72-Te6edf3zinc-700 Te6edf3bg-gray-50 Te6edf3darkTff7b72:Te6edf3bg-zinc-900 Tff7b72textTff7b72-Tff7b72grayT79c0ff-800 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72grayT79c0ff-100 Te6edf3focusTff7b72:Tff7b72outlineTff7b72-Tff7b72none Te6edf3focusTff7b72:Te6edf3ring-2 Te6edf3focusTff7b72:Te6edf3ring-blue-400 Te6edf3darkTff7b72:Te6edf3focusTff7b72:Te6edf3ring-blue-500Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply mr-2 border-0 rounded-md bg-blue-600 text-white px-3 py-1 text-xs font-semibold cursor-pointer Te6edf3hoverTb4b4b4:Te6edf3bg-blue-500 Tff7b72transitionTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364file-inputTb4b4b4::Tf0883efile-selector-button Tb4b4b4{

@apply bg-blue-500 Te6edf3hoverTb4b4b4:Te6edf3bg-blue-400 Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364no-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72displayTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364no-scrollbar Tb4b4b4{

Tff7b72-ms-Te6edf3overflow-styleTb4b4b4: Tff7b72noneTb4b4b4;

Tff7b72scrollbar-widthTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar Tb4b4b4{

Tff7b72widthTb4b4b4: T79c0ff6Tffa657pxTb4b4b4;

Tff7b72heightTb4b4b4: T79c0ff6Tffa657pxTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-track Tb4b4b4{

Tff7b72backgroundTb4b4b4: Tff7b72transparentTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#cbd5e1Tb4b4b4;

Tff7b72border-radiusTb4b4b4: T79c0ff10Tffa657pxTb4b4b4;

Tff7b72borderTb4b4b4: Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumb Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#3f3f46Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumbTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#94a3b8Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364dark Tb4b4b4.T56d364custom-scrollbarTb4b4b4::Tf0883e-webkit-scrollbar-thumbTb4b4b4:Tf0883ehover Tb4b4b4{

Tff7b72backgroundTb4b4b4: T79c0ff#52525bTb4b4b4;

Tb4b4b4}

Tb4b4b4@Tff7b72keyframes Tff7b72spin-reverse Tb4b4b4{

Tff7b72from Tb4b4b4{

Tff7b72transformTb4b4b4: Tffa657rotateTb4b4b4(T79c0ff360Tffa657degTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tff7b72to Tb4b4b4{

Tff7b72transformTb4b4b4: Tffa657rotateTb4b4b4(T79c0ff0Tffa657degTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tb4b4b4.T56d364animate-spin-reverse Tb4b4b4{

Tff7b72animationTb4b4b4: Te6edf3spin-reverse T79c0ff1Tffa657s Tff7b72linear Tff7b72infiniteTb4b4b4;

Tb4b4b4}